import { GithubOutlined } from '@ant-design/icons';
import { DefaultFooter } from '@ant-design/pro-components';
import React from 'react';

const Footer: React.FC = () => {
  const defaultMessage = '做大做强Vuer';
  const currentYear = new Date().getFullYear();
  return (
    <DefaultFooter
      style={{
        background: 'none',
      }}
      copyright = {`${defaultMessage} ${currentYear}`}
      links={[
        {
          key: 'yuque',
          title: 'yuque',
          href: 'https://www.yuque.com/dashboard',
          blankTarget: true,
        },
        {
          key: 'code',
          title: '导航主页',
          href: 'https://www.codefather.cn/user/1810596477499539458/info',
          blankTarget: true,
        },
        {
          key: 'gitee',
          title: <><GithubOutlined />大眼萌Gitee</>,
          href: 'https://gitee.com/ezramiller',
          blankTarget: true,
        },
      ]}
    />
  );
};

export default Footer;
